<template>
	<view :style="themeColor">
		<view class="page">
			<view class="flex benben-position-layout flex flex-wrap align-center service_flex_0"
				:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
				<view class='flex flex-wrap align-center justify-between flex-sub service_fd0_0'>
					<view class='flex flex-wrap align-center service_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
						data-url="1">
						<text class='fu-iconfont2  service_fd0_0_c0_c0'></text>
					</view>
					<view class='flex flex-wrap align-stretch justify-center'>
						<text class='service_fd0_0_c1_c0'>门店</text>
					</view>
					<view class='flex flex-wrap align-center justify-end service_fd0_0_c0'>
					</view>
				</view>

			</view>
			<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
			<view class="flex flex-direction align-stretch justify-between benben-position-layout flex service_flex_1"
				:style="{top:(88+StatusBarRpx)+'rpx', }">

				<view class='flex align-center justify-between flex-sub searh_fd0_0'>
					<view class='searh_fd0_0_c1'>
						<u-input v-model="keyword" type="text" placeholder="请输入关键字" confirm-type="search" @confirm="searchBtn"
							@input="iptChange" :maxlength="14" style="width: 580rpx;" />
					</view>

					<view class='flex align-center justify-center'>
						<image class='service_fd1_0_c1' mode="aspectFit" src='../../../static/images/33.png' @tap="searchBtn">
						</image>
					</view>
				</view>
			</view>
			<view :style="{height: '93rpx'}"></view>
			<!---flex布局flex布局开始-->
			<view class="flex benben-flex-layout flex-wrap align-center" v-if="isshow">
				<view class="benben_tabsfd2_0-body-item flex flex-wrap align-center service_bodyfd2_0_c3">
					<view style="padding-left: 24rpx;margin-top: 10rpx;padding-right: 24rpx;justify-content: space-between;"
						class='flex flex-wrap '>
						<view class='flex flex-wrap align-center' v-for="(item,index) in Searhschool" :key="index">
							<view class='flex flex-direction flex-wrap align-stretch service_bodyItemfd2_0_c3_c1_c0'
								style="position: relative;" @tap.stop='choice(item)'>
								<block>
									<image class='service_bodyItemfd2_0_c3_c1_c0_c0' mode="aspectFill"
										:src="item.url[0] ? item.url[0] : require('@/static/images/test.png')" >
									</image>
								</block>
<!-- 								<block v-else>
									<image class='service_bodyItemfd2_0_c3_c1_c0_c0' mode="aspectFill"
										:src="require('@/static/images/test.png')">
									</image>
								</block> -->

								<view class="mendian">
									<view style="display: flex;justify-content: space-between;">
										<view>
											<view class='flex align-center service_bodyItemfd2_0_c4_c1_c0_c1'>
												<text class='service_bodyItemfd2_0_c4_c1_c0_c1_c0'>{{item.gymName}}</text>
											</view>
											<view class='flex flex-wrap align-center service_bodyItemfd2_0_c4_c1_c0_c2'>
												<text class='service_bodyItemfd2_0_c4_c1_c0_c2_c0'>{{item.address}}</text>
											</view>
										</view>
										<view class="buttoncolor">
											<text style="color: #fff;">选择此店</text>
										</view>
									</view>

								</view>

							</view>
						</view>
					</view>
					<view
						style="width: 750rpx;display: flex;justify-content: space-around;margin-top: 16rpx;margin-bottom: 30rpx;">
						<!-- <u-loadmore v-if="last_page > 1" class="loadmore" font-size="24" :status="status" :icon-type="iconType"
							:load-text="loadText" /> -->
						<text>更多场馆，请输入场馆名字搜索</text>
					</view>

				</view>
			</view>
			<view style="display: flex;justify-content: center;margin-top: 46rpx;width: 750rpx;" v-else>
				<image src='../../../static/images/order.png' mode="aspectFill" style="width:440rpx;height: 328rpx;">
				</image>
			</view>
			<!---flex布局flex布局结束-->
			<!---flex布局flex布局开始-->

			<!---flex布局flex布局结束-->


		</view>
	</view>
</template>
<script>
	export default {
		components: {},


		data() {
			return {
				"type": "",
				keyword: '',
				Searhschool: [{
					address: '深圳市',
					gymName: '天天健康',
					url: [],
					id: ''
				}],
				"page": 1,
				"is_pull": true,
				"last_page": 1,
				isshow: true,
				isxianshi: false,
				"status": 'loadmore',
				"iconType": 'flower',
				"loadText": {
					loadmore: '轻轻上拉',
					loading: '努力加载中',
					nomore: '我也是有底线的'
				},
				gymaid: '',
				url: []

			};
		},
		computed: {
			themeColor() {
				return this.$store.getters.themeColor
			},
			isLogin() {
				return this.$store.state.token == '' ? false : true;
			}

		},
		watch: {},
		onLoad(options) {
			// console.log(options.id, 'optionsoptions')
			// if (options.id) {
			// 	this.gymaid = options.id
			// }
			if (uni.getStorageSync('venueInfo')) {
				this.obj = uni.getStorageSync('venueInfo')
				let result =  [this.obj]  // 将 obj.list 包裹在数组中		
				this.Searhschool=result
				this.isxianshi=true
				console.log(this.Searhschool, 'resultresultresult')			
			}
		},
		onUnload() {

		},
		onReady() {
			// if (this.isLogin) {
			// 	this.searchInfo2()
			// }
		},
		onShow() {

		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {
			this.searchInfo2()
		},
		// 上拉加载
		onReachBottom() {},
		onPageScroll(e) {

		},
		methods: {
			iptChange() {
				console.log(this.keyword);
				// if (this.keyword == '') {
				// 	this.searchInfo2()
				// }
			},
			//选择健身房
			async choice(info) {
				console.log(info, 'infoinfoinfo')
				if (this.isLogin == false) {
					uni.switchTab({
						url: '/pages/tabBar/homePage/homePage'
					})
					return
				}
				if (info.id == '') {
					this.$message.info('该健身房暂不可选择，请搜索后选择其他健身房')
					return
				}
				let coachInfo = uni.getStorageSync('USER_INFO')
				if (coachInfo.isMaCoach) {
					uni.setStorageSync('venueInfo', info)
					uni.switchTab({
						url: '/pages/tabBar/homePage/homePage'
					})
					return
				}
				let phone = uni.getStorageSync('keyPhone')
				let userInfo = uni.getStorageSync('USER_INFO')
				let res = await this.$api.post(global.apiUrls.memberInfo, {
					phoneNumber: phone,
					gymId: info.id,
					memberType: "1",
					visitType: "1",
					ossId: 1,
					memberName: '1'
				});
				uni.removeStorageSync('gymIda')
				uni.setStorageSync('venueInfo', info)
				uni.setStorageSync('kefu', info.phone)
				if (res.data.code != 200) {
					this.$message.info(res.data.msg);
					return
				}
				this.$message.info(res.data.msg);			
				uni.setStorageSync('userId', res.data.data.memberId)
				this.$bus.$emit('refresh-event', true);
				uni.switchTab({
					url: '/pages/tabBar/homePage/homePage'
				})

			},

			//搜索列表
			async searchInfo2() {
				if (this.keyword == '') {
					this.$message.info('请输入搜索关键字')
					return
				}
				uni.showLoading()
				let res = await this.$api.get(global.apiUrls.gymlist, {
					gymName: this.keyword
				});

				if (res.data.code == 200) {
					// this.last_page = res.data.data.list.last_page;
					this.Searhschool = res.data.rows;

					if (this.Searhschool.length == 0) {
						this.isshow = false
					} else {
						this.isshow = true
					}
					this.Searhschool.forEach(item => {
						if (item.url !== null) {
							item.url = item.url.split(',');
						} else {				
							item.url = []; 
						}
					});
					console.log(this.Searhschool, 'this.Searhschool')
					uni.stopPullDownRefresh();
					uni.hideLoading()
				} else {

					this.$message.info(res.data.msg);
					uni.hideLoading()
				}
				this.isxianshi = true
			},
			searchBtn() {
				if (this.isLogin == false) {
					this.$message.info('此功能需登录后使用')
					return
				}
				this.searchInfo2()
			}
		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background: var(--benbenbgColor1);
		background-size: 100% auto;
	}

	.buttoncolor {
		width: 160rpx;
		height: 58rpx;
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: space-around;
		border-radius: 28rpx;
		background: #167deb;
		// margin-left: 300rpx;
		margin-top: 20rpx;
		position: absolute;
		left: 500rpx;
	}

	.searh_fd0_0 {
		padding: 0rpx 24rpx 0rpx 24rpx;
		line-height: 88rpx;
	}

	.searh_fd0_0_c1 {
		background: #F9F9F9;
		height: 64rpx;
		border-radius: 34rpx 34rpx 34rpx 34rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
		margin: 0rpx 0rpx 0rpx 0rpx;
		display: flex;
		align-items: center;
		align-items: center;

	}

	.activeaaa {
		/* 单独选中项的样式 */
		font-size: 28rpx !important;
		background: #feede0 !important;
		color: #f48c40;
	}

	.informationDelivery_fd1_1 {
		//display: flex;
		//flex-wrap: nowrap;
		//margin: 32rpx 0rpx 72rpx 0rpx;
		//width: 700rpx;
	}

	.jinGangDetail_bodyItemfd1_0_c3_c0_c0_c0_c0 {
		color: #f38b3d;
		font-size: 26rpx;
		font-weight: 400;
	}

	.jinGangDetail_bodyItemfd1_0_c3_c0_c0_c0 {
		background: #fef3eb;
		height: 50rpx;
		//width: 146rpx;
		background-size: 100% auto;
		border-radius: 36rpx;
		margin: 0rpx 12rpx 0rpx 0rpx;
		padding: 0 28rpx;
	}

	.jinGangDetail_bodyItemfd1_0_c3_c0_c1_c0_c0 {
		color: #333;
		font-size: 26rpx;
		font-weight: 400;
	}

	.footPrint_bodyItemfd4_0_c3_c0_c0_c0_c1_c0_c0_c0_c0_c0_c1 {
		color: #FFFFFF;
		font-size: 20rpx;
		font-weight: 400;
		margin-left: 7rpx;

	}

	.footPrint_bodyItemfd4_0_c3_c0_c0_c0_c1_c0_c0_c0_c0_c0_c0 {
		width: 18rpx;
		height: 18rpx;
		margin-left: 8rpx;
	}

	.footPrint_bodyItemfd4_0_c3_c0_c0_c0_c1_c0_c0_c0_c0_c0_c01 {
		width: 124rpx;
		height: 36rpx;
	}

	.footPrint_bodyItemfd4_0_c3_c0_c0_c0_c1_c0_c0_c0_c0_c0 {
		background: linear-gradient(126deg, #FF4538 0%, #FF6530 100%);
		background-size: 100% auto;
		width: 124rpx;
		height: 36rpx;
		border-radius: 0rpx 16rpx 0rpx 10rpx;
		position: absolute;
		//bottom: 300rpx;
		left: 223rpx;
	}

	.footPrint_bodyItemfd4_0_c3_c0_c0_c0_c1_c0_c0_c0_c0_c01 {
		border-radius: 0rpx 16rpx 0rpx 16rpx;
		position: absolute;
		//bottom: 300rpx;
		left: 223rpx;
	}

	.jinGangDetail_bodyItemfd1_0_c3_c0_c1_c0 {
		background: rgba(246, 247, 249, 1);
		height: 50rpx;
		//width: 146rpx;
		background-size: 100% auto;
		border-radius: 36rpx;
		margin: 0rpx 12rpx 0rpx 0rpx;
		padding: 0 28rpx;
	}

	.service_flex_0 {
		background: var(--benbenbgColor1);
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-size: 100% auto !important;
	}

	.service_fd0_0_c1_c0 {
		font-size: 36rpx;
		font-weight: 500;
		color: #333333;
		line-height: 88rpx;
	}

	.service_fd0_0_c0_c0 {
		font-size: 36rpx;
		color: #333;
	}

	.service_fd0_0_c0 {
		width: 120rpx;
	}

	.service_fd0_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
	}

	.service_flex_1 {
		background: var(--benbenbgColor1);
		width: 750rpx;
		height: 93rpx;
		overflow: hidden;
		z-index: 10;
		top: 88rpx;
		background-size: #eee;
	}

	.service_fd1_0_c1 {
		width: 40rpx;
		height: 40rpx;
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

	.service_fd1_0_c0_c1 {
		width: 32rpx;
		height: 32rpx;
	}

	.service_fd1_0_c0_c0 {
		font-size: 24rpx;
		font-weight: 400;
		color: #333;
	}

	.service_fd1_0_c0 {
		background: rgba(249, 249, 249, 1);
		height: 64rpx;
		background-size: 100% auto !important;
		border-radius: 34rpx 34rpx 34rpx 34rpx;
		padding: 0rpx 20rpx 0rpx 32rpx;
		font-size: 24rpx;
		font-weight: 400;
		color: #333;
	}

	.service_fd1_0 {
		padding: 0rpx 32rpx 0rpx 32rpx;
		line-height: 93rpx;
	}

	.service_bodyItemfd2_0_c5_c0_c1_c1_c4 {
		color: #333333;
		font-size: 24rpx;
		font-weight: 400;
	}

	.service_bodyItemfd2_0_c5_c0_c1_c1_c3 {
		width: 32rpx;
		height: 32rpx;
		margin: 0rpx 8rpx 4rpx 0rpx;
	}

	.service_bodyItemfd2_0_c5_c0_c1_c1_c2 {
		color: #333333;
		font-size: 24rpx;
		font-weight: 400;
		margin: 0rpx 32rpx 0rpx 0rpx;
	}

	.service_bodyItemfd2_0_c5_c0_c1_c1_c1 {
		width: 32rpx;
		height: 32rpx;
		margin: 0rpx 8rpx 0rpx auto;
	}

	.service_bodyItemfd2_0_c5_c0_c1_c1_c0 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
	}

	.mendian {
		position: absolute;
		bottom: 40rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.service_bodyItemfd2_0_c5_c0_c1_c0 {
		margin: 0rpx 0rpx 8rpx 0rpx;
		font-size: 28rpx;
		color: rgba(51, 51, 51, 1);
		font-weight: 700;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.service_bodyItemfd2_0_c5_c0_c0 {
		width: 198rpx;
		height: 160rpx;
		margin: 0rpx 16rpx 0rpx 0rpx;
		border-radius: 16rpx;
	}

	.service_bodyItemfd2_0_c5_c0 {
		background: rgba(255, 255, 255, 1);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 16rpx 12rpx 16rpx 16rpx;
		margin: 24rpx 24rpx 0rpx 24rpx;
	}

	.service_bodyfd2_0_c5 {
		background: #f8f8fa;
		//margin: 24rpx 24rpx 0rpx 24rpx;
		background-size: 100% auto;
		min-height: 95vh;
	}



	.service_bodyItemfd2_0_c4_c1_c0_c2_c0 {
		color: #fff;
		font-size: 28rpx;
		font-weight: 400;
	}

	.service_bodyItemfd2_0_c4_c1_c0_c2 {
		margin: 0rpx 0rpx 0rpx 16rpx;
	}

	.service_bodyItemfd2_0_c4_c1_c0_c1_c0 {
		color: #fff;
		font-size: 32rpx;
		font-weight: 700;
		line-height: 40rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.service_bodyItemfd2_0_c4_c1_c0_c1 {
		margin: 20rpx 0rpx 16rpx 16rpx;
	}

	.service_bodyItemfd2_0_c4_c0_c1_c0 {
		font-size: 24rpx;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
	}

	.service_bodyItemfd2_0_c4_c0_c1 {
		background: rgba(248, 248, 248, 1);
		border-radius: 32rpx 32rpx 32rpx 32rpx;
		background-size: 100% auto !important;
		padding: 0rpx 32rpx 0rpx 32rpx;
		line-height: 56rpx;
		margin: 0rpx 4rpx 0rpx 4rpx;
	}

	.service_bodyItemfd2_0_c4_c0_c0_c1 {
		width: 18rpx;
		height: 32rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		position: absolute;
		top: -8rpx;
		right: 4rpx;
	}

	.service_bodyItemfd2_0_c4_c0_c0_c0 {
		font-size: 24rpx;
		font-weight: 400;
		color: rgba(240, 102, 0, 1);
	}

	.service_bodyItemfd2_0_c4_c0_c0 {
		border: 1px solid var(--benbenbdColor0);
		background: rgba(254, 243, 235, 1);
		border-radius: 32rpx 32rpx 32rpx 32rpx;
		background-size: 100% auto !important;
		padding: 0rpx 32rpx 0rpx 32rpx;
		line-height: 56rpx;
		margin: 0rpx 4rpx 0rpx 0rpx;
		position: relative;
	}

	.service_bodyItemfd2_0_c3_c1_c0_c2_c2 {
		color: rgba(153, 153, 153, 1);
		font-size: 24rpx;
		font-weight: 400;
	}

	.service_bodyItemfd2_0_c3_c1_c0_c2_c1 {
		margin: 0rpx 0rpx 0rpx auto;
		color: var(--benbenFontColor2);
		font-size: 24rpx;
		font-weight: 400;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 56rpx;
	}

	.service_bodyItemfd2_0_c3_c1_c0_c2_c0 {
		color: var(--benbenFontColor2);
		font-size: 24rpx;
		font-weight: 400;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 186rpx;
	}

	.service_bodyItemfd2_0_c3_c1_c0_c2 {
		margin: 0rpx 20rpx 0rpx 20rpx;
	}

	.service_bodyItemfd2_0_c3_c1_c0_c1_c1 {
		color: var(--benbenFontColor0);
		font-size: 28rpx;
		font-weight: 700;
		line-height: 40rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		margin: 0rpx 0rpx 0rpx 12rpx;
		max-width: 249rpx;
	}

	.service_bodyItemfd2_0_c3_c1_c0_c1_c0 {
		width: 48rpx;
		height: 48rpx;
		border-radius: 8rpx;
	}

	.service_bodyItemfd2_0_c3_c1_c0_c1 {
		margin: 16rpx 16rpx 16rpx 16rpx;
	}

	.service_bodyItemfd2_0_c3_c1_c0_c0 {
		width: 702rpx;
		height: 300rpx;
		border-radius: 16rpx;
	}

	.service_bodyItemfd2_0_c3_c1_c0 {
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		width: 702rpx;
		margin: 0rpx 0rpx 10rpx 0rpx;
		padding: 0rpx 0rpx 24rpx 0rpx;
		// box-shadow: 0rpx 3rpx 30rpx #E8E8E8;
		position: relative;
	}

	.service_bodyItemfd2_0_c3_c0_c1_c0 {
		color: #333;
		font-size: 24rpx;
		font-weight: 400;
	}

	.service_bodyItemfd2_0_c3_c0_c1 {
		background: rgba(248, 248, 250, 1);
		padding: 0rpx 32rpx 0rpx 32rpx;
		margin: 0rpx 4rpx 0rpx 4rpx;
		border-radius: 32rpx;
		background-size: 100% auto;
		line-height: 56rpx;
	}

	.service_bodyItemfd2_0_c3_c0_c0_c0 {
		color: rgba(240, 102, 0, 1);
		font-size: 24rpx;
		font-weight: 400;
	}

	.service_bodyItemfd2_0_c3_c0_c0 {
		background: rgba(254, 243, 235, 1);
		padding: 0rpx 32rpx 0rpx 32rpx;
		border-radius: 32rpx;
		background-size: 100% auto;
		line-height: 56rpx;
		margin: 0rpx 4rpx 0rpx 0rpx;
	}

	.service_bodyItemfd2_0_c3_c0 {
		touch-action: none;
		width: 885rpx;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.service_bodyfd2_0_c3 {
		//margin: 24rpx 24rpx 0rpx 24rpx;
	}

	.service_linefd2_0 {
		background: #F06600;
		width: 16rpx;
		height: 6rpx;
		top: 80rpx;
		border-radius: 22rpx;
		// background-size: 100% auto !important;
	}

	.checkTitlefd2_01 {
		font-weight: 700 !important;
		font-size: 32rpx !important;
		color: rgba(51, 51, 51, 1) !important;
		background-color: rgba(255, 255, 255, 1) !important;
		margin-left: 54rpx;
	}

	.checkTitlefd2_02 {
		font-weight: 700 !important;
		font-size: 32rpx !important;
		color: rgba(51, 51, 51, 1) !important;
		background-color: rgba(255, 255, 255, 1) !important;
	}

	.checkTitlefd2_03 {
		font-weight: 700 !important;
		font-size: 32rpx !important;
		color: rgba(51, 51, 51, 1) !important;
		background-color: rgba(255, 255, 255, 1) !important;
		margin-right: 40rpx;
	}

	.one {
		margin-left: 60rpx;
	}

	.two {}

	.three {
		margin-right: 36rpx;
	}

	::v-deep .service_benbenTabsfd2_0 {
		background: var(--benbenbgColor1);
		width: 750rpx;
		height: 90rpx;
		white-space: nowrap;
		text-align: center;
		font-size: 28rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
	}

	.service_bodyItemfd3_0_c3_c1_c0 {
		margin: 248rpx 0rpx 40rpx 0rpx;
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
	}



	.service_bodyItemfd3_0_c3_c0_c1_c0 {
		color: #333;
		font-size: 24rpx;
		font-weight: 400;
	}

	.service_bodyItemfd3_0_c3_c0_c1 {
		background: rgba(248, 248, 250, 1);
		padding: 0rpx 32rpx 0rpx 32rpx;
		margin: 0rpx 4rpx 0rpx 4rpx;
		border-radius: 32rpx;
		background-size: 100% auto;
		line-height: 56rpx;
	}

	.service_bodyItemfd3_0_c3_c0_c0_c0 {
		color: rgba(240, 102, 0, 1);
		font-size: 24rpx;
		font-weight: 400;
	}

	.service_bodyItemfd3_0_c3_c0_c0 {
		background: rgba(254, 243, 235, 1);
		padding: 0rpx 32rpx 0rpx 32rpx;
		border-radius: 32rpx;
		background-size: 100% auto;
		line-height: 56rpx;
		margin: 0rpx 4rpx 0rpx 0rpx;
	}

	.service_bodyItemfd3_0_c3_c0 {
		touch-action: none;
		width: 885rpx;
		margin: 24rpx 0rpx 0rpx 0rpx;
	}

	.service_bodyfd3_0_c3 {
		border-bottom: 1px solid rgba(238, 238, 238, 1);
		padding: 0rpx 0rpx 436rpx 0rpx;
		margin: 24rpx 0rpx 0rpx 24rpx;
	}

	.service_titleItemfd3_0_c3_c0 {
		color: rgba(153, 153, 153, 1);
		font-weight: 400;
	}

	.service_linefd3_0 {
		background: var(--benbenbgColor2);
		width: 16rpx;
		height: 6rpx;
		top: 80rpx;
		background-size: 100% auto !important;
	}

	.checkTitlefd3_0 {
		font-weight: 500 !important;
		font-size: 32rpx !important;
		color: rgba(51, 51, 51, 1) !important;
		background-color: rgba(255, 255, 255, 1) !important;
	}

	::v-deep .service_benbenTabsfd3_0 {
		width: 750rpx;
		height: 90rpx;
		white-space: nowrap;
		text-align: center;
		font-weight: 400;
		font-size: 28rpx;
		color: rgba(153, 153, 153, 1);
	}
</style>